<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="resource/css/reset.css">
        <link rel="stylesheet" type="text/css" href="resource/css/api_index.css">
    </head>
    <body>
        <div class="pk-nav-search">
            <form>
                <input id="searchText" type="text" />
                <a id="search" href="javascript:">Search</a>
            </form>
        </div>
        <div class="pk-nav-wrap">
            <ul class="pk-nav-ul">
                {foreach from=$data.list item=item key=key}
                    <li>
                        <h2>{if $item.name|preg_match:'\.'}<a href="{$item.url}" target="api_iframe">{$item.name|str_sub:'.'}</a>{else}{$item.name}{/if}</h2>
                        {if $item.list|count neq 0}
                            <ul class="pk-nav-ul">
                                {foreach from=$item.list item=innerItem key=innerKey}
                                    <li>
                                        <h2>{if $innerItem.name|preg_match:'\.'}<a href="{$innerItem.url}" target="api_iframe">{$innerItem.name|str_sub:'.'}</a>{else}{$innerItem.name}{/if}</h2>
                                        {if $innerItem.list|count neq 0}
                                            <ul>
                                                {foreach from=$innerItem.list item=leaf key=leafKey}
                                                    <li>
                                                        <h2>{if $leaf.name|preg_match:'\.'}<a href="{$leaf.url}" target="api_iframe">{$leaf.name|str_sub:'.'}</a>{else}{$leaf.name}{/if}</h2>
                                                    </li>
                                                {/foreach}
                                            </ul>
                                        {/if}
                                    </li>
                                {/foreach}
                            </ul>
                        {/if}
                    </li>
                {/foreach}
            </ul>
        </div>
    </body>
</html>
